<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="scripts/jquery/jquery-1.7.1.js"></script>
<link href="style/authority/basic_layout.css" rel="stylesheet" type="text/css">
<link href="style/authority/common_style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" type="text/css" href="style/authority/jquery.fancybox-1.3.4.css" media="screen"></link>

<title>客户管理</title>
<script type="text/javascript">
	$(document).ready(function(){
		/** 新增   **/
	    $("#addBtn").fancybox({
	    	'href'  : 'house_edit.html',
	    	'width' : 733,
	        'height' : 530,
	        'type' : 'iframe',
	        'hideOnOverlayClick' : false,
	        'showCloseButton' : false,
	        'onClosed' : function() { 
	        	window.location.href = 'house_list.html';
	        }
	    });
		
	    /** 导入  **/
	    $("#importBtn").fancybox({
	    	'href'  : '/xngzf/archives/importFangyuan.action',
	    	'width' : 633,
	        'height' : 260,
	        'type' : 'iframe',
	        'hideOnOverlayClick' : false,
	        'showCloseButton' : false,
	        'onClosed' : function() { 
	        	window.location.href = 'house_list.html';
	        }
	    });
		
	    /**编辑   **/
	    $("a.edit").fancybox({
	    	'width' : 733,
	        'height' : 530,
	        'type' : 'iframe',
	        'hideOnOverlayClick' : false,
	        'showCloseButton' : false,
	        'onClosed' : function() { 
	        	window.location.href = 'house_list.html';
	        }
	    });
	});
	  

	/** 用户角色   **/
	var userRole = '';

	/** 模糊查询来电用户  **/
	function search(){
		$("#submitForm").attr("action", "house_list.html?page=" + 1).submit();
	}

	/** 新增   **/
	function add(){
		$("#submitForm").attr("action", "/xngzf/archives/luruFangyuan.action").submit();	
	}
	 
	/** Excel导出  **/
	function exportExcel(){
		if( confirm('您确定要导出吗？') ){
			var fyXqCode = $("#fyXq").val();
			var fyXqName = $('#fyXq option:selected').text();
//	 		alert(fyXqCode);
			if(fyXqCode=="" || fyXqCode==null){
				$("#fyXqName").val("");
			}else{
//	 			alert(fyXqCode);
				$("#fyXqName").val(fyXqName);
			}
			$("#submitForm").attr("action", "/xngzf/archives/exportExcelFangyuan.action").submit();	
		}
	}
	
	/** 删除 **/
	function del(fyID){
		// 非空判断
		if(fyID == '') return;
		if(confirm("您确定要删除吗？")){
			$("#submitForm").attr("action", "/xngzf/archives/delFangyuan.action?fyID=" + fyID).submit();			
		}
	}
	
	/** 批量删除 **/
	function batchDel(){
		if($("input[name='IDCheck']:checked").size()<=0){
			art.dialog({icon:'error', title:'友情提示', drag:false, resize:false, content:'至少选择一条', ok:true,});
			return;
		}
		// 1）取出用户选中的checkbox放入字符串传给后台,form提交
		var allIDCheck = "";
		$("input[name='IDCheck']:checked").each(function(index, domEle){
			bjText = $(domEle).parent("td").parent("tr").last().children("td").last().prev().text();
// 			alert(bjText);
			// 用户选择的checkbox, 过滤掉“已审核”的，记住哦
			if($.trim(bjText)=="已审核"){
// 				$(domEle).removeAttr("checked");
				$(domEle).parent("td").parent("tr").css({color:"red"});
				$("#resultInfo").html("已审核的是不允许您删除的，请联系管理员删除！！！");
// 				return;
			}else{
				allIDCheck += $(domEle).val() + ",";
			}
		});
		// 截掉最后一个","
		if(allIDCheck.length>0) {
			allIDCheck = allIDCheck.substring(0, allIDCheck.length-1);
			// 赋给隐藏域
			$("#allIDCheck").val(allIDCheck);
			if(confirm("您确定要批量删除这些记录吗？")){
				// 提交form
				$("#submitForm").attr("action", "/xngzf/archives/batchDelFangyuan.action").submit();
			}
		}
	}

	/** 普通跳转 **/
	function jumpNormalPage(page){
		$("#submitForm").attr("action", "house_list.html?page=" + page).submit();
	}
	
	/** 输入页跳转 **/
	function jumpInputPage(totalPage){
		// 如果“跳转页数”不为空
		if($("#jumpNumTxt").val() != ''){
			var pageNum = parseInt($("#jumpNumTxt").val());
			// 如果跳转页数在不合理范围内，则置为1
			if(pageNum<1 | pageNum>totalPage){
				art.dialog({icon:'error', title:'友情提示', drag:false, resize:false, content:'请输入合适的页数，\n自动为您跳到首页', ok:true,});
				pageNum = 1;
			}
			$("#submitForm").attr("action", "house_list.html?page=" + pageNum).submit();
		}else{
			// “跳转页数”为空
			art.dialog({icon:'error', title:'友情提示', drag:false, resize:false, content:'请输入合适的页数，\n自动为您跳到首页', ok:true,});
			$("#submitForm").attr("action", "house_list.html?page=" + 1).submit();
		}
	}
	function addCus(){
		var cname = document.getElementById("fyZldz1").value;
		if((""==cname)||(null==cname)){
			alert("客户名不能为空！");
			return false;
		}else{
			$.ajax({
				type : "POST", // 用POST方式传输
				dataType : "text", // 数据格式:JSON
				url : "customer.action?addCus", // 目标地址
				data : "cname=" + cname,
				error : function() {
				},
				success : function(data) {
					//var dataJson = $.parseJSON(data);
					if ("0"==data){
						alert("添加客户失败！");
					}else{
						window.location.href="khgl.html";
						getcustomer();
					}
				}
			});
		}
		
		
	}
	function findall(data){
		$("#cuscontent").html("");
		for (var key in data){
			
			$("#cuscontent").html($("#cuscontent").html()+
					"<tr>"+
		"<td><input type=\"checkbox\" name=\"IDCheck\" value=\""+data[key].cid+"\" class=\"acb\" /></td>"+	
		"<td>"+data[key].cname+"</td>"+	
			"<td>"+
			"<a	href=\"javascript:overlay('"+data[key].cid+"','"+data[key].cname+"');\" class=\"edit\">编辑</a> "+	
			"<a href=\"javascript:delCus('"+data[key].cid+"');\">删除</a>"+	
			"</td>"+
			"</tr>"
		);
		}
	}
	function getcustomer(){
		$.ajax({
			url:"customer.action?showCus",
			type:"POST",
			datatype:"text",
			data:"",
			error:function(){
				
			},
			success:function(data){
				findall(data);
			}
		})
	} 
	/*模态框*/

</script>
<style>
	.alt td{ background:black !important;}
/* 定义模态对话框外面的覆盖层样式 */
</style>
</head>
<body onload="getcustomer()">
	<form id="submitForm" name="submitForm" action="" method="post">
		<input type="hidden" name="allIDCheck" value="" id="allIDCheck"/>
		<input type="hidden" name="fangyuanEntity.fyXqName" value="" id="fyXqName"/>
		<div id="container">
			<div class="ui_content">
				<div class="ui_text_indent">
					<div id="box_border">
						<div id="box_top">添加客户</div>
						<div id="box_center">
							客户名称&nbsp;
							<input type="text" id="fyZldz1" name="fangyuanEntity.fyZldz" class="ui_input_txt02" />
						</div>
                        
						<div id="box_center1">
                            <div style="text-align:right">
                                <input type="button" value="添加" class="ui_input_btn01" id="" onclick="addCus()" />
                            </div>
                            
						</div>
                        
					</div>
				</div>
			</div>
			<div class="ui_content">
				<div class="ui_tb">
					<table class="table" cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
						<tr>
							<th width="30"><input type="checkbox" id="all" onclick="selectOrClearAllCheckbox(this);" />
							</th>
							<th>客户名</th>
							<th>操作</th>
                            
						</tr>
						<tbody  id="cuscontent">
						  <tr>
                            <td><input type="checkbox" name="IDCheck" value="14458579642011" class="acb" /></td>
                            <td>测试客户1</td>
                            <td>
                                <a href="house_edit.html?fyID=14458579642011" class="edit">编辑</a> 
                                <a href="javascript:del('14458579642011');">删除</a>
                            </td>
                        </tr>
						
							<tr>
								<td><input type="checkbox" name="IDCheck" value="14458625716623" class="acb" /></td>
								<td></td>
								<td>
									<a href="house_edit.html?fyID=14458625716623" class="edit">编辑</a> 
									<a href="javascript:delCus('14458625716623');">删除</a>
								</td>
							</tr>
						</tbody>
                      
						
					</table>
				</div>
				<div class="ui_tb_h30">
					<div class="ui_flt" style="height: 30px; line-height: 30px;">
						共有
						<span class="ui_txt_bold04">90</span>
						条记录，当前第
						<span class="ui_txt_bold04">1
						/
						9</span>
						页
					</div>
					<div class="ui_frt">
						<!--    如果是第一页，则只显示下一页、尾页 -->
						
							<input type="button" value="首页" class="ui_input_btn01" />
							<input type="button" value="上一页" class="ui_input_btn01" />
							<input type="button" value="下一页" class="ui_input_btn01"
								onclick="" />
							<input type="button" value="尾页" class="ui_input_btn01"
								onclick="" />
						
						
						
						<!--     如果是最后一页，则只显示首页、上一页 -->
						
						转到第<input type="text" id="jumpNumTxt" class="ui_input_txt01" />页
							 <input type="button" class="ui_input_btn01" value="跳转" onclick="" />
					</div>
				</div>
			</div>
		</div>
	</form>
	
	<div id="modal-overlay"> 
    <div class="modal-data">
    	<!-- 页首 -->
		<div id="nav_links">
			当前位置：客户管理&nbsp;>&nbsp;<span style="color: #1A5CC6;">客户编辑</span>
			<div id="page_close">
				<a href="javascript:parent.$.fancybox.close();">
					<img src="images/common/page_close.png" onclick="overlay()" width="20" height="20" style="vertical-align: text-top;"/>
				</a>
			</div>
		</div>
    	<!-- 页首 END -->
    	<!-- 获取要修改的客户ID -->
        <input style="visibility:hidden" type="text" value="" id="edit_kehuId" />
        <!-- 页面内容 -->
        <table  cellspacing="0" cellpadding="0" width="100%" align="left" border="0">
            <tr>
                <td class="ui_text_rt" width="110" >客户名：</td>
                <td><input type="text" value="" id="edit_kehuName" class="ui_input_txt02"/></td>
                
            </tr>
            
      
            <tr>
                <td></td>
                <td>
                    &nbsp;<input type="submit" value="确定修改" class="ui_input_btn01" onclick="updateCus()"/>
                    &nbsp;<input type="reset" value="取消" onclick="overlay()" class="ui_input_btn01"/>
                </td>
            </tr>
            
        </table>
        <!-- 页面内容 END -->
        <div style="position:absolute; left:900px; top:450px;" >
        </div>
    </div>
</div>
<a href="#" onclick="overlay()">显示模态对话框</a>
<style>/* 定义模态对话框外面的覆盖层样式 */
#modal-overlay {
	visibility: hidden;    
	position: absolute;   /* 使用绝对定位或固定定位  */
	left: 0px;    
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background-color: #333; 
	opacity:0.9;   /* 背景透明 */
}
/* 模态框样式 */
.modal-data{
	width:600px;
	height:255px;
	margin: 200px auto;
	background-color: rgba(255,255,255,1.00);
	border:1px solid #000;
	padding:15px;
	text-align:left;
	
}
</style>
<script>
function overlay(khid,khname){
	$("#edit_kehuName").val(khname);
	$("#edit_kehuId").val(khid);
  
   var e1 = document.getElementById('modal-overlay');			
   e1.style.visibility = (e1.style.visibility == "visible")? "hidden" : "visible";
}

function updateCus(){
	var kehuName=$("#edit_kehuName").attr("value");
	var kehuId=$("#edit_kehuId").attr("value");
 $.ajax({
		url:"customer.action?updateCus",
		type:"POST",
		datatype:"text",
		data:"cid="+kehuId+"&cname="+kehuName,
		error:function(){
			
		},
		success:function(data){
			if ("0"==data){
				alert("修改客户名失败！");
			}else{
				window.location.href="khgl.html";
				getcustomer();
			}
		}
	})  
}
/** 删除 **/
function delCus(kehuID){
	// 非空判断
	if(kehuID == '') return;
	else{
		 $.ajax({
				url:"customer.action?deteleCus",
				type:"POST",
				datatype:"text",
				data:"cid="+kehuID,
				error:function(){
					
				},
				success:function(data){
					if ("0"==data){
						alert("删除客户名失败！");
					}else{
						window.location.href="khgl.html";
						getcustomer();
					}
				}
			}) 		
	}
}
</script>
<!-- 编辑模态框 END -->
</body>
</html>
